import React, { Component } from 'react';
import { StyleSheet, Text, View, Image, ScrollView } from 'react-native';
import styled from 'styled-components';
import { queryMailRegisterList, queryPrisonByCount } from '../../api';
import { getToken } from '../../utils/auth';
import { Actions } from 'react-native-router-flux';

export default class insertLetter extends Component {
  state = {
    imgUrl: require('../../assets/work/sportsRankings/backtrack.png')
  };
  render() {
    return (
      <View style={{ backgroundColor: '#fff' }}>
        <OnTouchableOpacity onPress={() => Actions.lettersRegister()}>
          <View style={{ backgroundColor: '#fff' }}>
            <Image
              source={this.state.imgUrl}
              style={{ width: 30, height: 20, margin: 5 }}
            />
          </View>
        </OnTouchableOpacity>

        <View style={{ flexDirection: 'row' }}>
          <MovementTextTitle>信件登记提交</MovementTextTitle>
        </View>
        <View>
          <Text>罪犯</Text>
        </View>
        <View>
          <Text>登记时间</Text>
        </View>
        <View>
          <Text>信件地址</Text>
        </View>
        <View>
          <Text>内容概要</Text>
        </View>
      </View>
    );
  }
}

const OnTouchableOpacity = styled.TouchableOpacity``;
const MovementTextTitle = styled.Text`
  font-size: 40;
  margin-top: 25;
  margin-left: 10;
  font-weight: 500;
`;
